HTML_Intro

Edit 0 6 …

DESIGN SOFTWARE - HTML

edit
design software | html | photoshop
edit
intro | tags | color | parameters | images | | Ex1 - Homepage | | links || Ex2 Website | tables | embedding
Need more help? Use an online tutorial: www.w3schools.com

HTML is a kind of computer programming at it's simplest. You are effectively "programming" a webpage to display or "format" information in whatever way you want for transmission over the internet.

HTML is a "computer code" that is written into a text file, and interpreted by a "Web Browser" to put the information back together.

To get started:
  1. Create a new HTML folder on your Server Space
  2. READ the first two pages at W3Schools HTML Intro
    1. You can download their "test web" files to your H: drive and and see how they work
  3. Follow the instructions below and try starting up a new webpage on your computer


HOW TO START A NEW WEBPAGE:

  1. Create an HTML folder on your server
  2. RIGHT MOUSECLICK in that folder and create a new "text document"
  3. Rename the file to "index.htm"
  4. Double click the file, and it opens up in your INTERNET EXPLORER BROWSER

webpages-setup.gif
webpages-setup.gif

  1. In IE, right mouseclick and VIEW SOURCE - the file will open up in NOTEPAD
  2. Position the IE and NOTEPAD windows so you can see BOTH on the screen. RIGHT CLICK in the TASKBAR at the bottom of the screen, and choose "TILE VERTICALLY".
    1. Notepad will be your webpage EDITOR, while IE is your webpage BROWSER
    2. You have to click REFRESH (or hit F5) in IE to view your changes in the webpage.

Anytime you edit your webpages, set up your windows as in step 6 so that editing goes smoothly.


A BASIC EMPTY WEBPAGE:

<HTML>
<HEAD>
<TITLE>Title Text Goes Here</TITLE>
</HEAD>
<BODY>
Body Text Goes Here
</BODY>
</HTML>